<template>
    <view class="container">
      <div v-for="item in arr">
        <view class="card">
        <view style="height: 10px;"></view>
        <view style="width: 90%;margin-left: 5%;">
            <div>所属题库:{{ item.questionBankName }}</div>
            <div style="height: 5rpx;"></div>
            <div>当前题型:{{ item.itemType==0?'单选':item.itemType==1?'多选':item.itemType==2?'判断':'填空' }}</div>
            <div style="height: 5rpx;"></div>
            <div>当前题目:{{ item.itemName }}</div>
            <div style="height: 5rpx;"></div>
            <div>
                <div>答案:{{ item.solution }}</div>
                <div>选项一：{{ item.optionOne }}</div>
                <div>选项二：{{ item.optionTwo }}</div>
                <div>选项三：{{ item.optionThree }}</div>
                <div>选项四：{{ item.optionFour }}</div>
                <div>选项五：{{ item.optionFive }}</div>
            </div>
        </view>
        <view style="height: 10px;"></view>
      </view>
      </div>
    </view>
  </template>
  <script>
  import { exanDetail } from '../api/api.js';
  export default {
    data() {
      return {
        startTime:'2023.09.09',
        endTime:'2023.09.09',
        indent:'',
        arr:[
        ]
      };
    },
    methods: {

    },
    onLoad(options) {
        console.log(options,'options');
        exanDetail(options.id).then(res=>{
            console.log(res.data,'res');
            this.arr = res.data.data;
        })
    },
    onShow(){
      this.indent = uni.getStorageSync('pageIndent');
      
    }
  };
  </script>
  <style lang="scss">
  .cz{
    display: flex;
    justify-content: center;
    width: 49%;
  }
  .czs{
    padding: 8rpx 20rpx;
    background-color: #4a9b4f;
    color: #fff;
    border-radius: 8rpx;
  }
  .container {
    height: 100vh;
    width: 100vw;
    background: #ffffff;
    color: #000000;
    overflow-y: scroll;
  }
  .card {
    width: 95%;
    margin-left: 2.5%;
    margin-top: 10px;
    border-radius: 10px;
    background: #f9f9f9;
  }
  .table-th{
    width: 49%;
    text-align: center;
  }
  .table{
    display: flex;
    align-items:center ;
    justify-content: space-between;
  }
  </style>
  